<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>SagaBuilder</title>
		<!--
		<link href="css/baseline/baseline.reset.css" rel="stylesheet" />
		<link href="css/baseline/baseline.base.css" rel="stylesheet" />
		<link href="css/baseline/baseline.form.css" rel="stylesheet" />
		<link href="css/baseline/baseline.grid.css" rel="stylesheet" />
		<link href="css/baseline/baseline.type.css" rel="stylesheet" />
		
		-->
		<link href="css/reset.css" rel="stylesheet" />
		<link href="css/pepper-grinder/jquery-ui-1.7.2.custom.css" rel="stylesheet" />	
		<link href="css/sagabuilder.css" rel="stylesheet" />	
		<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
		<script type="text/javascript" src="js/ext-core.js"></script>
		<script type="text/javascript" src="js/sagabuilder.js"></script>
		
	</head>
	<body>
		
		<div id="sagabuilder">
			<div class="panels">
				<div class="panel">
					<ul class="elements">
						<li>Hero</li>
					</ul>
					
					<div id="scenes">
						<ul>
							<li><a href="#tabs-1">Storyline</a></li>
							<li><a href="#tabs-2">Scenes</a></li>
						</ul>
						<div id="tabs-1">
							<ul class="storyline">
								<li>intro</li>
							</ul>
						</div>	
						<div id="tabs-2">
							scenes
						</div>
					</div>
					<div id="narrative">
						<div id="text">
							
						</div>
					</div>
					
					
					<!--
					<input type="text" name="date" id="date" class="hidden"/>
					-->
					
				</div>
			</div>
		</div>
		<div id="controls">
			<button id="play">play</button>
		</div>
		<div id="tests">
			<div id="clock"></div>
			
		</div>
		
		<div id="templates">
			<textarea id="temp-scene">
				<li>
					<div class="scene">
						<div class="title">{title}</div>
						<div class="hero" id="{id}">[HERO]</div>
						<p>*</p>
						<em>Number {number}</em>
					</div>
				</li>
			</textarea>
			
			<div id='arena'>
				this is the arena will this work?
			</div>
			
		</div>
	</body>
</html>
